extends public/layout

block content
    div.index-carousel(ng-controller='carousel')
        div.container(style='position:relative;')
            div#index-carousel.carousel.slide(data-ride='carousel' data-interval='3000')
                ol.carousel-indicators
                    li.active(data-target='#index-carousel' data-slide-to='0')
                    li(data-target='#index-carousel' data-slide-to='1')
                    li(data-target='#index-carousel' data-slide-to='2')
                div.carousel-inner
                    div.item.active
                        img(src='/images/turn-picture-1.jpg' alt='' data-color='#21A7A6')
                    div.item
                        img(src='/images/turn-picture-2.jpg' alt='' data-color='#C1BFBD')
                    div.item
                        img(src='/images/turn-picture-3.jpg' alt='' data-color='#510E79')
            div.right-slide
                img(src='/images/slide.jpg')
    div.container
        div.floor
            ul.nav.nav-tabs
                li.title
                    a 服装鞋包
                li
                    a(href='#men' data-toggle='tab') 男装
                li
                    a(href='#women', data-toggle='tab') 女装
                li
                    a(href='#brand', data-toggle='tab') 大牌
                li.active
                    a(href='#shoes', data-toggle='tab') 鞋靴
            div.tab-content
                div#men.tab-pane.active
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:350px;background-color:#FFFFCC;')
                        div.item(style='width:100%;float:left;height:150px;background-color:#FFCCCC;')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px;background-color:#CCCCFF;')
                        div.item(style='width:100%;float:left;height:150px;background-color:#FF9966;')
                        div.item(style='width:100%;float:left;height:200px;background-color:#FF6666;')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px;background-color:#CCFF99;')
                        div.item(style='width:100%;float:left;height:150px;background-color:#CCCCCC;')
                        div.item(style='width:100%;float:left;height:200px;background-color:#99CCCC;')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px;background-color:#CCCCCC;')
                        div.item(style='width:100%;float:left;height:150px;background-color:#CCFF99;')
                        div.item(style='width:100%;float:left;height:200px;background-color:#CCCCFF;')
        div.floor
            ul.nav.nav-tabs.right
                li.title
                    a 个护美妆
                li
                    a(href='#men' data-toggle='tab') 国际大牌
                li
                    a(href='#women', data-toggle='tab') 国际名品
                li
                    a(href='#women', data-toggle='tab') 个体护理
                li.active
                    a(href='#women', data-toggle='tab') 清洁用品
            div.tab-content
                div#men.tab-pane.active
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:350px')
                        div.item(style='width:100%;float:left;height:150px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
        div.floor
            ul.nav.nav-tabs.right
                li.title
                    a 手机通讯
                li
                    a(href='#men' data-toggle='tab') 热门
                li
                    a(href='#women', data-toggle='tab') 新品
                li
                    a(href='#women', data-toggle='tab') 运营商
                li.active
                    a(href='#women', data-toggle='tab') 手机配件
            div.tab-content
                div#men.tab-pane.active
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:350px')
                        div.item(style='width:100%;float:left;height:150px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
        div.floor
            ul.nav.nav-tabs.right
                li.title
                    a 家用电器
                li.active
                    a(href='#men' data-toggle='tab') 厨房用电
                li
                    a(href='#women', data-toggle='tab') 生活用电
                li
                    a(href='#women', data-toggle='tab') 大家电
                li
                    a(href='#women', data-toggle='tab') 热门
            div.tab-content
                div#men.tab-pane.active
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:350px')
                        div.item(style='width:100%;float:left;height:150px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')
                    div(style='display:inline-block;width:25%;height:500px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:150px')
                        div.item(style='width:100%;float:left;height:200px')